const path = require('path')		
const htmlWebpackPlugin = require('html-webpack-plugin')
const { VueLoaderPlugin } = require('vue-loader');

module.exports = {			
										
    entry: path.join(__dirname,'./src/main.js'),									
    output:{																
        path: path.join(__dirname,'./dist'),									
        filename: 'bundle.js'											
    },
    plugins: [     //配置插件的节点，所有的插件都必须放在这里
        new  htmlWebpackPlugin({    //创建一个在内存中生成html页面的插件
        template: path.join(__dirname, './src/index.html'), //指定模板页面，将来会根据指定页面路径，去生成内存中的页面
        filename: 'index.html'   //指定生成的页面的名称
        }),
        new VueLoaderPlugin()
        ],
    module: {
        rules: [
             {
                 test: /\.css$/,
                 use : [
                     "style-loader" , "css-loader" 
                 ]
             },
             {
                 test: /\.less$/,
                 use : [
                    "style-loader" ,
                     "css-loader" ,
                     "less-loader"
                 ]
             },
             {
                test: /\.sass$/,
                use : [
                    "style-loader",
                    "css-loader",
                    "sass-loader"
                ]
             },
             {
                test: /\.(ttf|woff|woff2|svg|eot)$/,
                use: "url-loader"
             },
             { test:/\.js$/, use: 'babel-loader', exclude:/node_modules/ },
             { test:/\.vue$/, use: 'vue-loader' }
         ]
     }														
}